.tooltipify {
  background: #000;
  border-radius: 5px;
  z-index: 1000;
  width: 450px;
}

.tooltipify>span.icon {
  border: 7px solid transparent;
  height: 0;
  position: absolute;
  width: 0;
}

.tooltipify.left {
  margin-left: -10px;
}

.tooltipify.top>span.icon {
  margin-left: 3px;
  border-bottom: 0;
  border-top-color: #000;
  top: 100%;
}

.tooltipify.bottom>span.icon {
  margin-left: 3px;
  border-top: 0;
  border-bottom-color: #000;
  top: -7px;
}

.tooltipify.right>span.icon {
  margin-top: -7px;
  border-left: 0;
  border-right-color: #000;
  top: 50%;
  left: -7px;
}

.tooltipify.left>span.icon {
  margin-top: -7px;
  border-right: 0;
  border-left-color: #000;
  left: 100%;
  top: 50%;
}

.tooltipify>.content {
  color: #FFF;
  font-size: 11px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 10px;
}